<script setup>
import ContentView from './views/ContentView.vue'
import HeaderView from './views/HeaderView.vue'

const list = [
  { name: "系统首页", class: 'home', link: '/home' },
  { name: "正在运行", class: 'running', link: '/running' },
  { name: "应用配置", class: 'appconfig', link: '/appconfig' },
  { name: "静态场景", class: 'staticscene', link: '/staticscene' },
  { name: "资源监控", class: 'serverinfo', link: '/serverinfo' },
  { name: "系统配置", class: 'sysconfig', link: '/sysconfig' },
  { name: "授权信息", class: 'authinfo', link: '/authinfo' },
  { name: "系统日志", class: 'syslogs', link: '/syslogs' },
  { name: "开发人员", class: 'developer', link: '/developer' },
  { name: "技术支持", class: 'techsupport', link: '/techsupport' },
]

</script>
<template>
  <div class="signalling-server">
    <div class="header-view">
      <HeaderView></HeaderView>
    </div>
    <div class="content-view">
      <content-view></content-view>
    </div>
  </div>
</template>

<style>
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #626772;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.signalling-server {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #141720;
}

.header-view {
  height: 100px;
  margin: 20px;
  background-color: #25272e;
  border-radius: 15px;
}

.content-view {
  height: 100%;
  margin: 0px 20px 20px 20px;
}
</style>
